/*
 * @Author       : 邱狮杰
 * @Date         : 2021-09-01 15:11:08
 * @LastEditTime : 2021-09-08 10:14:16
 * @FilePath     : /newhope/src/components/happyReunion/hooks/useClound.ts
 * @Description  :
 */
import a from '/@/assets/images/mike/16.png'
import b from '/@/assets/images/mike/17.png'
import c from '/@/assets/images/mike/18.png'
import d from '/@/assets/images/mike/19.png'
import e from '/@/assets/images/mike/20.png'
import f from '/@/assets/images/mike/21.png'
import g from '/@/assets/images/mike/22.png'
import h from '/@/assets/images/mike/15.png'
import { ref } from 'vue'


export function useClound() {
	return ref<{
		img: string
		style: string
		clicked: boolean
		green?: boolean
	}[]>([
		{
			img: a,
			style: `
		position: absolute;
    bottom: 10%;
    left: 67%;
    width: 7%;
    height: 7%;
		`,
			clicked: false
			,
			green: true
		},
		{
			clicked: false,
			img: b,
			style: `
			position: absolute;
			bottom: 17.6%;
			left: 5%;
			width: 8%;
			height: 4%;
		`
		},
		{
			clicked: false,
			img: c,
			style: `
			position: absolute;
    bottom: 26.6%;
    left: 50%;
    width: 7%;
    height: 8%;
		`
		},
		{
			clicked: false,
			img: d,
			style: `
			position: absolute;
    bottom: 5.6%;
    left: 48%;
    width: 8%;
    height: 6%;
		`
		},
		{
			clicked: false,
			img: e,
			style: `
			position: absolute;
			bottom: 22.2%;
			left: 5%;
			width: 8%;
			height: 10%;
		`
		}, {
			clicked: false,
			img: f,
			style: `
			position: absolute;
    bottom: 6.2%;
    left: 16.1%;
    width: 10%;
    height: 6%;
		`,
			green: true

		},
		{
			clicked: false,
			img: g,
			style: `
			position: absolute;
			bottom: 26.2%;
			left: 67.1%;
			width: 7%;
			height: 6%;
		`
		},
		{
			clicked: false,
			img: h,
			style: `
			position: absolute;
			bottom: 7%;
			left: 80.1%;
			width: 12%;
			height: 11%;
		`
		}
	])
}